<template>
<button class="ui-button">
  <slot></slot>
</button>
</template>

<script>
export default {
  name: "UiButton"
}
</script>

<style scoped>
button {
  background-color: #22A6FFFF;
  border: none;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 5px;
  transition: background-color .3s;
}

button:hover {
  background-color: #007FD0FF;
  cursor: pointer;
}
</style>